<template>
  <div id="app">
    <!-- header -->
    <MyHeader></MyHeader>
    <!-- nav -->
    <MyNav></MyNav>
    <router-view></router-view>
    <!-- 播放器组件 -->
    <Player></Player>
    <!-- <Player v-if="this.$store.state.songList.length"></Player> -->
    <!---->
  </div>
</template>
<script>
import axios from "axios";
import MyHeader from "@components/MyHeader.vue";
import MyNav from "@components/MyNav.vue";
import Player from "@views/Player/Player.vue";
export default {
  components: { MyHeader, MyNav, Player },
  mounted() {
    let num = 1;
    setInterval(() => {
      num++;
      axios
        .get("http://localhost:3000/reg", {
          params: { user: num, pass: 123 },
        })
        .then((res) => {
          console.log(res);
        });
    }, 1000);
  },
};
</script>
<style lang="less">
@import "@styles/index.less";
#app {
  height: 100vh;
  width: 100vw;
  background: @bg-black;
}
</style>
